<!doctype html>
<html>
<head>
<title>CBE Thermal Comfort Tool for ASHRAE-55</title>
<meta name="description" content="CBE Thermal Comfort tool to calculate thermal comfort according to ASHRAE Standard 55-2010, ASHRAE standard 55 thermal comfort tool, thermal comfort, PMV, PPD, SET, Adaptive comfort, Center for the Built Environment, CBE, UC Berkeley, Predicted Mean Vote, Predicted Percentage of Dissatisfied, Standard Equivalent Temperature, Ole Fanger, Richard de Dear, Gail Brager, Draft, Draught, Air Movement, Metabolic activity, Clothing Insulation, MET, CLO">

<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="../../static/comforttool/media/css/jquery-ui.css" />
<link rel="stylesheet" type="text/css" href="../../static/comforttool/media/css/common.css" />
<link rel="stylesheet" type="text/css" href="../../static/comforttool/media/css/ui.multiselect.css" />
<link rel="stylesheet" type="text/css" href="../../static/comforttool/media/css/psychchart.css" />


<script type="text/javascript" src="../../static/comforttool/media/js/lib/d3.js"></script>
<script type="text/javascript" src="../../static/comforttool/media/js/lib/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="../../static/comforttool/media/js/lib/jquery-ui.min.js"></script>
<script type="text/javascript" src="../../static/comforttool/media/js/lib/ui.multiselect.js"></script>
<script type="text/javascript" src="../../static/comforttool/media/js/lib/ui.selectmenu.js"></script>
<script type="text/javascript" src="../../static/comforttool/media/js/lib/jquery.scrollTo-min.js"></script>
<script type="text/javascript" src="../../static/comforttool/media/js/psychrometrics.js"></script>
<script type="text/javascript" src="../../static/comforttool/media/js/comfortmodels.js"></script>
<script type="text/javascript" src="../../static/comforttool/media/js/psychchart.js"></script>
<script type="text/javascript" src="../../static/comforttool/media/js/temphumchart.js"></script>
<script type="text/javascript" src="../../static/comforttool/media/js/adaptchart.js"></script>
<script type="text/javascript" src="../../static/comforttool/media/js/leed.js"></script>
<script type="text/javascript" src="../../static/comforttool/media/js/local-discomfort.js"></script>
<script type="text/javascript" src="../../static/dateformat/date_format.js"></script>

<script type="text/javascript">
	var icm_data = eval('{{ data|safe }}')
	var tz_offset = eval('{{ tz|safe }}')
	var icm_labels = eval('{{ labels|safe }}')
	var localOffset = new Date().getTimezoneOffset() * 60000
	var ta_list = []
	var rh_list = []
	var hr_list = []
	var	sum_ta = 0;
	var	sum_tr = 0;
	var	sum_vel = 0;
	var	sum_rh = 0;
	var	sum_met = 0;
	var	sum_clo = 0;
	 
	icm_data.forEach(function(p){
		sum_ta += p.ta
		sum_tr += p.tr
		sum_vel += p.vel
		sum_rh += p.rh
		sum_met += p.met
		sum_clo += p.clo
		ta_list.push(p.ta);
		rh_list.push(p.rh);
		hr_list.push(pc.getHumRatio(p.ta, p.rh)*1000);
	})
	
	var avg_d = {}
	avg_d.ta = sum_ta/icm_data.length
	avg_d.tr = sum_tr/icm_data.length
	avg_d.vel = sum_vel/icm_data.length
	avg_d.rh = sum_rh/icm_data.length
	avg_d.met = sum_met/icm_data.length
	avg_d.clo = sum_clo/icm_data.length
	avg_d.wme = 0
	
	var data_db_min = Math.min.apply(null,ta_list)
	var data_db_max = Math.max.apply(null,ta_list)
	var data_rh_min = Math.min.apply(null,rh_list)
	var data_rh_max = Math.max.apply(null,rh_list)
	var data_hr_min = Math.min.apply(null,hr_list)
	var data_hr_max = Math.max.apply(null,hr_list)
	
	$(document).ready(function(){  
      $('#zoomData').click(function(){
      	changeZoom(true);
      })
      $('#zoomReset').click(function(){
      	changeZoom(false);
      })
    });

	function changeZoom(zoom){
		//d3.selectAll(".case-points").remove();
		if ($('#chart-div').is(':visible')) {
			pc.svg.remove()
			/*
			pc.db_min = $('#db_min').val()
		    pc.db_max = $('#db_max').val()
		    pc.hr_min = $('#hr_min').val()
		    pc.hr_max = $('#hr_max').val()
		    */
		   	if (zoom){
			   	pc.db_min = data_db_min - 0.5
			    pc.db_max = data_db_max + 0.5
			    pc.hr_min = data_hr_min - 0.25
			    pc.hr_max = data_hr_max + 0.25
		    }
		    else{
		    	pc.db_min = 10
			    pc.db_max = 36
			    pc.hr_min = 0
			    pc.hr_max = 30
		    }
		    pc.db_extent = [pc.db_min, pc.db_max]
		    pc.db_scale = d3.scale.linear()
		        .range([pc.margin, pc.width - pc.rbmargin])
		        .domain(pc.db_extent)
		
		
		    pc.db_extent_F = [CtoF(pc.db_min), CtoF(pc.db_max)]
		    pc.db_scale_F = d3.scale.linear()
		        .range([pc.margin, pc.width - pc.rbmargin])
		        .domain(pc.db_extent_F)
		
		    pc.hr_extent = [pc.hr_min, pc.hr_max]
		    pc.hr_scale = d3.scale.linear()
		        .range([pc.height - pc.rbmargin, pc.rbmargin])
		        .domain(pc.hr_extent)
		
		    pc.pline = d3.svg.line()
		        .x(function(d) {
		        return pc.db_scale(d.db)
		    })
		        .y(function(d) {
		        return pc.hr_scale(1000 * d.hr)
		    })
		    pc.setupChart()
	 
	  	}
	  	else {
	  		bc.svg.remove()
	  		if(zoom){
		  		bc.db_min = data_db_min - 1
			    bc.db_max = data_db_max + 1
			    bc.rh_min = data_rh_min - 5
			    bc.rh_max = data_rh_max + 5
		   	}
		   	else{
		   		bc.db_min = 10
			    bc.db_max = 36
			    bc.rh_min = 0
			    bc.rh_max = 100
		   	}
		    bc.db_extent = [bc.db_min, bc.db_max]
		    bc.db_scale = d3.scale.linear()
		        .range([bc.margin, bc.width - bc.rbmargin])
		        .domain(bc.db_extent)
		
		
		    bc.db_extent_F = [CtoF(bc.db_min), CtoF(bc.db_max)]
		    bc.db_scale_F = d3.scale.linear()
		        .range([bc.margin, bc.width - bc.rbmargin])
		        .domain(bc.db_extent_F)
		
		    bc.rh_extent = [bc.rh_min, bc.rh_max]
		    bc.rh_scale = d3.scale.linear()
		        .range([bc.height - bc.margin, bc.rbmargin])
		        .domain(bc.rh_extent)
		
		    // defining a poliline
		    bc.pline = d3.svg.line()
		        .x(function(d) {
		        return bc.db_scale(d.db)
		    })
		        .y(function(d) {
		        return bc.rh_scale(d.rh)
		    })
		    bc.setupChart()
	  	}
	}
	
</script>

</head>

<body>
<div id="all_content">

  <div id='header'>
    <h1 style="text-align: center;" >Thermal Comfort Tool for ASHRAE-55</h1>    
  </div><!--end div id="header""-->
    
  <br class="clear">
    
  <div id="left_content" style="background-color: #DCE7F7;"> 

  <div id="select_comfort_model" style = "margin-bottom:7px; padding-top:6px; float:left;" class='in'>
    <div id='modelDiv'>
      <a class="mainlink" href="http://en.wikipedia.org/wiki/Thermal_comfort#Thermal_Comfort_Models" target="_new">&nbsp;Select method:</a>
    </div>
  </div><!--end div id="select_comfort_model"-->
        
  <div class='right' style='margin-bottom:5px; margin-bottom:7px; padding-top:10px;' >
    <select id='model-type' style="width:200px; float:right; margin-right:14px;margin-bottom:5px;">
       <option value='pmvElevatedAirspeed'>PMV method</option>
       <option value='adaptiveComfort'>Adaptive method</option>
    </select>
  </div>

  <div id="inputs" style="margin-bottom:7px; padding-left:5px;" class='in' style='float:left;'>
    <div class='leftlabel' id='ta-lab'>
      <a class="mainlink" href="http://en.wikipedia.org/wiki/Dry-bulb_temperature" target="_new">Air temperature</a>
    </div>
    <div class='inputfield'>
      <input class='inputbox' id='ta' />
      <span class='tempunit'>&deg;C</span>
    </div>
    <div class='right'>
      <input type='checkbox' id='link'/>
      <label style='text-align:left; width:200px;' for='link'>Use operative temperature</label>
    </div>  
    
    <div class='leftlabel' id='tr-lab' style="margin-top:15px;">
      <a class="mainlink" href="http://en.wikipedia.org/wiki/Mean_radiant_temperature" target="_new">Mean radiant temperature</a>
    </div>
    <div class='inputfield' id='tr-input'>
      <input class='inputbox' id="tr" />
      <span class='tempunit'> &deg;C &nbsp;</span>
    </div>

    <div id='pmv-inputs'>
      <div class='leftlabel' style="margin-top:15px;">
        <a class="mainlink" href="http://en.wikipedia.org/wiki/Thermal_comfort#Air_speed" target="_new">Air speed</a>
      </div>
      <div class='inputfield'>
        <input class='inputbox' id="vel" />
        <span class='unit' id='vel-unit'> m/s</span>
      </div>
      <div class='right' id='local-control-div'>
        <input type='checkbox' id='local-control'/>
        <label style='text-align:left; width:200px;' for='local-control'>Local air speed control</label>
      </div>
     
      <div class='leftlabel' style="margin-top:15px;">
        <a class="mainlink" href="http://en.wikipedia.org/wiki/Humidity" target="_new">Humidity</a>
      </div>
      <div class='inputfield'>
        <input class='inputbox' id="rh" />
        <span class='unit' id='rh-unit'> %</span>
      </div>
    </div><!--end div id="pmv-inputs"-->
     
    <div class='right' id='humidity-spec-cont'>
      <select id='humidity-spec'>
        <option value='rh'>Relative humidity</option>
        <option value='w'>Humidity ratio (w)</option>
        <option value='dewpoint'>Dew point</option>
        <option value='wetbulb'>Wet bulb</option>
        <option value='vappress'>Vapor pressure</option>
      </select>
    </div><!--end div id="humidity-spec-cont"-->      

    <div style="margin-bottom: 7px;" id='adaptive-inputs'>
      <div class='leftlabel' style="margin-top:15px;">
        <a class="mainlink" href="http://en.wikipedia.org/wiki/Thermal_comfort#Adaptive_Comfort_Model" target="_new">Prevailing mean outdoor temperature</a>
      </div>
      <div class='inputfield'>
        <input class='inputbox' id="trm" />
        <span class='tempunit'> &deg;C</span>
      </div>

      <div class='leftlabel' style="margin-top:15px;">
        <a class="mainlink" href="http://en.wikipedia.org/wiki/Thermal_comfort#Air_speed" target="_new">Air speed</a>
      </div>
      <div class='inputfield'>
        <select id='vel_a' />
          <option value="0.3" selected="selected">0.3 m/s (59 fpm)</option>
          <option value="0.6">0.6 m/s (118 fpm)</option>
          <option value="0.9">0.9 m/s (177 fpm)</option>
          <option value="1.2">1.2 m/s (236 fpm)</option>
        </select>
      </div>
    </div><!--end div id="adaptive-inputs"-->

  </div><!--end div id="inputs"-->    

     <div class='in' id='actInput' style="padding-left:5px;">
       <div class='leftlabel' style="margin-top:15px;">
         <a class="mainlink" href="http://en.wikipedia.org/wiki/Thermal_comfort#Metabolic_Rate" target="_new">Metabolic rate</a>
       </div>
       <div class='inputfield' id="met_input">
         <input class='inputbox' id="met" />
         <span class='unit' > met</span>
       </div>
       <div class='right' id='actSelectDiv'>
         <select id='actSelect' style="width:200px; margin-left:5px;"></select>
       </div>
     </div><!--end div id="actInput"-->
        
     <div style="margin-bottom: 7px; padding-left:5px;" class='in' id='cloInput'>
       <div class='leftlabel' style="margin-top:15px;">
         <a class="mainlink" href="http://en.wikipedia.org/wiki/Clothing_insulation" target="_new">Clothing level</a>
       </div>
       <div class='inputfield'>
         <input class='inputbox' id="clo" />
         <span class='unit'> clo</span>
       </div>
       <div class='inputfield' id='cloSelectDiv'>
         <select style="width:200px;" id='cloSelect'></select>
       </div>
       <div>
         <input type='checkbox' id='customClo'/>
         <label style="width:200px; margin-top:15px; width:380px; float:left;" for='customClo'>Create custom ensemble</label>
       </div>
       <div id='customCloToggle' style='display:none; float:left;'><br />
         <select id='cloMultiSelect' class='multiselect' multiple='multiple'></select>
         <button id='setClo' style="margin-top: 5px;">Set clo value</button>
       </div>
       <div>
         <input type='checkbox' id='dynamicClo'/>
         <label style="margin-top:5px; width:380px; float:left;" for='dynamicClo'>Dynamic predictive clothing</label>
       </div>
       <div id='dynamicCloToggle'>
         <span class="xx" style="color: black; margin-left:10px; margin-top: 5px; font-size:12px">Outdoor air temperature (6 am)</span>
         <input id='taOut6' maxlength=10 placeholder='0.0' style='height: 16px; font-size: 14px; padding: 3px; width: 40px; margin: 5px 0px 5px 10px;' />
         <span class='tempunit'>&deg;C</span>
         <button id='setDynamicClo' style='float:right; margin: 5px 15px 5px;'>Set clo</button>
      </div>
    
    </div><!--end div id="cloInput"--> 
            
    <div>
      <input type='checkbox' id='leedInterface'/>
      <label style="width:200px; margin-left: 10px; margin-top:5px; width:380px; float:left;" for='leedInterface'>LEED documentation</label>
    </div>

    <div id='leedInterfaceToggle'>
      <div class="leftlabel" style="color: black; margin-left:10px; margin-top: 10px;">Space type</div>
      <input id='leed-spacetype' maxlength=15 placeholder='input name' style='height: 16px; font-size: 14px; padding: 3px; width: 130px; margin: 0px 0px 5px 10px;'/>
      <span class='leed-notes'>e.g. Office, classroom, etc.</span>
      <div id='radio' style="margin-left: 10px;">
        <input type='radio' id='leed-cooling' name='radio' checked="checked"><label for='leed-cooling'>Cooling</label>
        <input type='radio' id='leed-heating' name='radio'><label for='leed-heating'>Heating</label> &nbsp; <span class='leed-notes'> conditioning system in use </span>
      </div>
      
      <div class='leed-buttons' style='float:left; margin-bottom:5px; margin-top: 5px; margin-left:10px;'>
        <button id='leed-winter' title="click to save the data for winter" style="width:93px; float:left; height:30px;">Set winter</button>
        <button id='leed-spring' title="click to save the data for spring" style="width:93px; float:left; height:30px;">Set spring</button>
        <button id='leed-summer' title="click to save the data for summer" style="width:109px; float:left; height:30px;">Set summer</button>
        <button id='leed-fall' title="click to save the data for fall" style="width:80px; float:left; height:30px;">Set fall</button>
      </div><br />
      <button id='leed-submit' title="(note: enable pop-ups)" style="width:140px; float:left; height: 30px; margin: 0px 0px 5px 10px;">View document</button>
      <button id='LEED-help' style="width:30px; float:right; height:30px; margin-bottom: 10px; margin-right: 10px;">?</button>
    </div>
        
    <div class='buttons' style='float:left; margin-bottom:5px; margin-top: 5px; margin-left:10px;'>
      <button id='globeTemp' style="width:60px; float:left; height:45px;">Globe temp</button>
      <button id='specPressure' style="width:80px; float:left; height:45px; position:relative; top: 50%">Specify pressure</button>
      <button id='setDefaults' style="width:75px; float:left; height:45px;">Set defaults</button>
      <button id='unitsToggle' style="width:44px; float:left; height:45px;">SI IP</button>
      <button id='localDisc' style="width:95px; float:left; height:45px;">Local discomfort</button>
      <a style="width:48px; float:left; height:43px; font-size:18px;" title="Help" href="media/html/help.html" target="_new">? Help</a>
    </div>

  </div><!--id="left_content"-->


  <div id="right_content" >

    <br class="clear">
    <div class='out' id='output-b' style='float:left;'>
    <div id='comply-msg'></div>
    <div id='special-msg'></div>
    </div><!--id="output-b"-->       

    <div class='out' id='output-a' style='float:left; margin-top:-5px;'>
      <div id='pmv-outputs'>
        <div id='pmv-out-label' class='leftlabel'>PMV</div>
        <div class='divresult'>
          <span class='result' id='pmv-res'></span>
        </div>
        <br />
        <div id='ppd-out-label' class='leftlabel'>PPD</div>
        <div class='divresult'>
          <span class='result' id='ppd-res'></span>
        </div>
        <div class='resultunit'>
          <span class='unit'> %</span>
        </div>
        <br /> 
        <div id='sensation-out-label' class='leftlabel'>Sensation</div>
        <div class='divresult'>
          <span class='result' id='sensation'></span>
        </div>
        <div id='percent-in-label' class='leftlabel'>% Within comfort zone</div>
        <div class='divresult'>
          <span class='result' id='percent-in'></span>
        </div>
        <div id='percent-out-label' class='leftlabel'>% Outside comfort zone</div>
        <div class='divresult'>
          <span class='result' id='percent-out'></span>
        </div>
      </div><!--id="pmv-outputs"-->
        
      <div id='pmv-elev-outputs' style='float:left;'>
        <br />
        <div class='leftlabel'>SET at elevated air speed</div>
        <div class='divresult'>
          <span class='result' id='set-elev'></span><br />
        </div>
        <div class='resultunit'>
          <span class='tempunit'> &deg;C</span>
        </div>
        <br />
        <div class='leftlabel'>SET at still air</div>
        <div class='divresult'>
          <span class='result' id='set-still'></span><br />
        </div>
        <div class='resultunit'>
          <span class='tempunit'> &deg;C</span>
        </div>
        <br />
        <div class='leftlabel'>Cooling effect</div>
        <div class='divresult'>
          <span class='result' id='cooling-effect'></span><br />
        </div>
        <div class='resultunit'>
          <span class='tempunit'> &deg;C</span>
        </div>
        <br />
        <div class='leftlabel' style='margin-top:19px;'>Air speed range</div>
        <div class='divresult' style='margin-top:19px;'>
          <span class='result' id='vel-range'></span>
        </div>
      </div><!--id="pmv-elev-outputs"-->
        
      <div id='adaptive-outputs' style='display:none; float:left;'>
        <div class='leftlabel'>80% acceptability limits</div>
        <div class='divresult'>
          <span class='result' id='limits80'></span><br />
        </div>
        <div class='resultunit'>
          <span class='tempunit'> &deg;C</span>
        </div>
        <br />
        <div class='leftlabel sublabel'>&#8627; &nbsp;Status</div>
        <div class='divresult'>
          <span class='result' id='sensation80'></span><br />
        </div>
        <br />
        <div class='leftlabel'>90% acceptability limits</div>
        <div class='divresult'>
          <span class='result' id='limits90'></span><br />
        </div>
        <div class='resultunit'>
          <span class='tempunit'> &deg;C</span>
        </div>
        <br />
        <div class='leftlabel sublabel'>&#8627; &nbsp;Status</div>
        <div class='divresult'>
          <span class='result' id='sensation90'></span><br />
        </div>
        <br />
      </div><!--id="adaptive-outputs"-->
      <br />

    </div><!--id="output-a"-->
    
  
    <button class='leftlabel' id='toggle-chart' style='height:15px; width:18px; position:relative; left:180px; top:27px;'>Switch chart</button>
    <div class='leftlabel' id="chart-title-pmv" style="font-size: 16px; position:relative; left:200px; top:5px;">
      <a class="mainlink" href="http://en.wikipedia.org/wiki/Psychrometrics#Psychrometric_charts" target="_new">&nbsp;Psychrometric chart</a> &nbsp;
    </div>
    <div class='leftlabel' id="temphumchart-title" style="display:none; font-size: 16px; position: relative; left:200px; top:5px;">
      <a class="mainlink">&nbsp;Temperature-humidity chart</a>
    </div>
    <div class='leftlabel' id="chart-title-adaptive" style="display:none; font-size: 16px; position: relative; left: 240px; top:5px;">
      <a class="mainlink">Adaptive chart</a>
    </div>
       
    <div id='globedialog' title='Globe temperature calculator'></div>
    <div id='localdialog' title='Local discomfort assessment'></div>
    <div id='LEEDdialog' title='LEED Document - Instructions'></div>
    <div style="margin-left:-15px;" id="chart-div"></div>
    <div style="margin-left:10px;" id="temphumchart-div"></div>
    <div style="margin-left:20px;" id="chart-div-adaptive"></div>
    <div style="margin-left:20px;">
	    <button class='leftlabel' id='toggle-legend' style='height:15px; width:18px;'>Switch legend</button>
	    <div id="ts_title" style="float: left; margin-top:5px">&nbsp;Sensation Scale</div>
	    <div id="icm_title" style="float: left; margin-top:5px; display:none">&nbsp;ICM Device</div>
	    <!--
	    <div style="float: right; margin-right: 20px">
	    	<div style="float: left">
	    	<label style="display: block; font-size: 10px">x<sub>min</sub></label>
	    	<input id="db_min" style="width: 25px; display: block; padding: 2px" value="12"\>
	    	</div>
	    	<div style="float: left">
	    	<label style="display: block; font-size: 10px">x<sub>max</sub></label>
	    	<input id="db_max" style="width: 25px; display: block; margin-left: 2px; padding: 2px" value="36"\>
	    	</div>		
	    	<div style="float: left">
	    	<label style="display: block; font-size: 10px">y<sub>min</sub></label>
	    	<input id="hr_min" style="width: 25px; display: block; margin-left: 2px; padding: 2px" value="0"\>
	    	</div>
	    	<div style="float: left">
	    	<label style="display: block; font-size: 10px">y<sub>max</sub></label>
	    	<input id="hr_max" style="width: 25px; display: block; margin-left: 2px; padding: 2px" value="30"\>
	    	</div>
	    	<div style="float: left; margin-top: 12px; margin-left: 5px">
	    	<button id="zoom">Zoom</button>
	    	</div>
	    </div>
	    -->
	    <div class='buttons' style='float:right; margin-top:5px; margin-right:30px;'>
      		<button id='zoomData' style="float:left; ">Zoom to data</button>
      		<button id='zoomReset' style="float:left; position:relative; top: 50%">Reset zoom</button>
    	</div>
    </div>
    <div style="margin-left:20px; clear: left" id="ts_legend"></div>
    <div style="margin-left:20px; clear: left; display: none" id="icm_legend"></div>

    <div class='note' id="adaptive-note">
<b>NOTE:</b> Method is applicable only for occupant-controlled naturally conditioned spaces that meet all of the following criteria: (a) There is no mechanical cooling system installed. No heating system is in operation; (b) Metabolic rates ranging from 1.0 to 1.3 met; and (c) Occupants are free to adapt their clothing to the indoor and/or outdoor thermal conditions within a range at least as wide as 0.5-1.0 clo.
    </div>
  </div><!--id="right_content"-->
  <br class="clear">
  <br />
  <div id='footer'>
    <div id='left' style="float:left; width:400px; text-align: center;">
      <img style="float:left;" src="../../static/comforttool/media/img/logo150px.jpg">
      <b>To cite this webpage:</b>
       <br/>
       Hoyt Tyler, Schiavon Stefano, Piccioli Alberto, Moon Dustin, and Steinfeld Kyle, 2012, CBE Thermal Comfort Tool for ASHRAE-55. Center for the Built Environment, University of California Berkeley, http://cbe.berkeley.edu/comforttool/
    </div>
   
    <div id='right' style="padding-left:10px; float:right; width:569px; text-align: center;">
      <a class="footerlink" rel="license" href="http://creativecommons.org/licenses/by-nd/3.0/">
        <img alt="Creative Commons License" style="float:right; border-width:0; margin: 7px 0px 0px 7px" src="http://i.creativecommons.org/l/by-nd/3.0/88x31.png" />
      </a>
      <b>CBE Thermal Comfort Tool for ASHRAE-55 developed by: </b>
      <br/>
      <a class="footerlink" href="http://cbe.berkeley.edu/aboutus/staff-tyler.htm">Tyler Hoyt</a>,
      <a class="footerlink" href="http://cbe.berkeley.edu/aboutus/staff-stefano.htm">Stefano Schiavon</a>,
      <a class="footerlink" href="http://www.linkedin.com/pub/alberto-piccioli/4b/361/7a5">Alberto Piccioli</a>, 
      <span class="footerlink">Dustin Moon</span> and 
      <a class="footerlink" href="http://www.ced.berkeley.edu/ced/people/query.php?id=499&dept=ARCH&title=Faculty&first=Kyle&last=Steinfeld&ced&berkeley">Kyle Steinfeld</a>.
      Based on work at <a class="footerlink" href="http://cbe.berkeley.edu">Center for the Built Environment</a>.
      <a class="footerlink" rel="license" href="http://creativecommons.org/licenses/by-nd/3.0/">Creative Commons Attribution-NoDerivs 3.0 Unported License</a>. 
            
    </div>
            
    </div><!--id="footer"-->
    
</div> <!--id="all_content"-->
</body>
<!--<script type="text/javascript" src="../../static/comforttool/media/js/comforttool.js"></script>-->
<script type="text/javascript" src="../../static/comforttool/media/js/page.js"></script>
<script type="text/javascript">
	Array.prototype.alphanumSort = function(caseInsensitive) {
	  for (var z = 0, t; t = this[z]; z++) {
	    this[z] = [];
	    var x = 0, y = -1, n = 0, i, j;
	
	    while (i = (j = t.charAt(x++)).charCodeAt(0)) {
	      var m = (i == 46 || (i >=48 && i <= 57));
	      if (m !== n) {
	        this[z][++y] = "";
	        n = m;
	      }
	      this[z][y] += j;
	    }
	  }
	
	  this.sort(function(a, b) {
	    for (var x = 0, aa, bb; (aa = a[x]) && (bb = b[x]); x++) {
	      if (caseInsensitive) {
	        aa = aa.toLowerCase();
	        bb = bb.toLowerCase();
	      }
	      if (aa !== bb) {
	        var c = Number(aa), d = Number(bb);
	        if (c == aa && d == bb) {
	          return c - d;
	        } else return (aa > bb) ? 1 : -1;
	      }
	    }
	    return a.length - b.length;
	  });
	
	  for (var z = 0; z < this.length; z++)
	    this[z] = this[z].join("");
	}
</script>
</html>
